<template>
	<div class="custom m-[10px] overflow-hidden rounded-[10px] bg-[#ffffff]">
		<van-field v-model="value" label="姓名" placeholder="请输入真实姓名" input-align="right" />
		<van-field v-model="value" label="身份证" placeholder="请输入身份证号码" input-align="right" />
		<van-field v-model="value" label="性别" placeholder="自动识别" readonly input-align="right" />
		<van-field v-model="value" label="年龄" placeholder="自动识别" readonly input-align="right" />
		<van-field v-model="value" label="联系电话" placeholder="请输入联系电话" input-align="right" />
		<van-field v-model="value" label="紧急联系电话" placeholder="请输入紧急联系电话" input-align="right" />
		<van-field v-model="value" label="居住地址" placeholder="点击选取地址" readonly input-align="right" />
		<van-field
			v-model="message"
			autosize
			rows="1"
			type="textarea"
			label-width="33.8vw"
			label="详细地址（门牌号）"
			placeholder="请输入具体地址和门牌号"
			input-align="right"
		/>
	</div>
	<div class="custom m-[10px] overflow-hidden rounded-[10px] bg-[#ffffff]">
		<van-field name="switch" label="开关" input-align="right">
			<template #input>
				<van-switch v-model="checked" size="5.8vw" />
			</template>
		</van-field>
	</div>
	<div class="mx-[16px] my-[10px] text-[#666666]">温馨提示</div>
	<div class="mx-[16px] my-[6px] text-[13px] text-[#666666]">
		1：根据相关政策，现需要提交就诊人实名信息并认证后方可使用平台服务
	</div>
	<div class="mx-[16px] my-[6px] text-[13px] text-[#666666]">
		2：就诊人姓名、证件信息用于平台审核，不会外传，请正确输入
	</div>
	<!-- 按钮 -->
	<div class="fixed bottom-0 w-[375px] bg-[#ffffff] px-[20px] py-[10px]">
		<div class="rounded-[20px] bg-gradient-to-r from-[#4d90f5] to-[#357efe] py-[10px] text-center text-[#ffffff]">
			保存
		</div>
	</div>
</template>
<style lang="scss" scoped>
.custom :deep(.van-cell) {
	padding: 10px;
	.van-cell__value {
		// flex: 3;
	}
}
</style>
